/**
 
 @Name: layui mobile
 @Author: 榴莲哥
 
 */
 
/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,legend{margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
html{font:14px '微软雅黑','软雅黑',STHeitiSC-Light,Helvetica,Arial,sans-serif; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{text-decoration: none; background:transparent}
a:active,a:hover{outline:0}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none;}
b,strong{font-weight:700;}
h1, h2, h3, h4, h5, h6{font-weight:500;}
address,cite,dfn,em,var{font-style:normal;}
dfn{font-style:italic}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
img{border:0; vertical-align: bottom}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0; outline: 0;}
button,select{text-transform:none}
select{-webkit-appearance: none; border:none;}
input{line-height:normal; }
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
label,input{vertical-align: middle;}


/** 图标字体 **/
@font-face {font-family: 'layui-icon';
  src: url('../font/iconfont.eot?v=1.0.7');
  src: url('../font/iconfont.eot?v=1.0.7#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff?v=1.0.7') format('woff'),
  url('../font/iconfont.ttf?v=1.0.7') format('truetype'),
  url('../font/iconfont.svg?v=1.0.7#iconfont') format('svg');
}
                    
.layui-icon{
  font-family:"layui-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Weather{float:left; margin-left:0px; margin-top:15px;}
.Calendar{float:left; width:140px; margin-top:10px; line-height:18px;}
.Calendar b{float:left; margin-right:10px; float:left;  padding-top:10px;}




body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#333; font-size:14px; font-family:'微软雅黑' }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
a:hover{text-decoration: none}
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

.container{
    width: 900px;
    margin: 0 auto;
}
.grey{
    background: #393D49;
}
.bule,.layui-btn-normal{
    background: #75B6FD;
}
.c-white{
	color: #fff;
}



/*页面样式................................*/

.header{
	height: 88px;
}
.header .container{
	height: 88px;
	position: relative;
}
.header .logo{
	position: absolute;
	top: 0px;
	left: -150px;
}
.header .tool{
	overflow: hidden;
	height: 100%;
}
.header .breadcrumb{
	visibility: inherit;
    overflow: hidden;
    width:621px;
    margin-left: 200px;
    height: 100%;
}
.header .breadcrumb a{
	margin: 0;
	color: blue;
}
.header .tool ul{
	overflow: hidden;
}
.header .tool ul li{
	position: relative;
	height: 63px;
	width: 120px;
	padding-top: 25px;
	float: left;
	text-align:center;
}
.header .tool ul li p{
	margin-bottom: 5px;
}
.header .tool ul li img{
	position: absolute;
	top: 25px;
	left: -20px;
}
.header .tool ul li:nth-child(2),.header .tool ul li:nth-child(3){
	margin-left: 25px;
}


.nav{
	height: 70px;
}
.nav .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
	background: #3F51B5;
}
.nav .layui-nav .layui-nav-item{
	line-height: 1;
	padding: 11px 0px;
	width: 16.6%;
}
.nav .layui-nav .layui-nav-item a{
	color: white;
	text-align: center;
}
.nav .layui-nav .layui-nav-item a i{
	display: block;
	margin: 0 auto;
	padding-bottom: 5px;
	position: relative;
}
.nav .layui-nav .layui-nav-item a small{
	position: absolute;
	font-style: normal ;
	top: 18px;
	left: 50%;
	margin-left: 7px;
	color: white;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	line-height: 16px;
	background:red;
}
.nav .layui-nav .layui-nav-item a img{
	width: 30px;
}
.nav .layui-nav .layui-nav-item:hover span{
	color: #3F51B5;
}

.left-slide{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	margin-top: -225px;
	margin-left: -700px;
	border: 1px solid #D8D8D8;
	background: #fff;
}
.left-slide li{
	text-align: center;
	padding: 20px 0px;
	margin: 0;
}
.left-slide i{
	font-size: 30px;
	color: #1E9FFF;
}
.left-slide a{
	display: block;
}
.left-slide  li:hover,.left-slide  li:hover a{
	background: #75b6fe;
	color: #fff;
}
.left-slide li:hover i{
	color: #fff;
}
.left-slide  li p {
	position: relative;
}
.left-slide  li p small{
	position: absolute;
	top: 19px;
	left: 50%;
	margin-left:6px;
	color: white;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	line-height: 16px;
	background:red;
}


.main  .layui-inline select{
	min-width: 90px;
	+width: 90px;
	*width: 90px;
	    height: 38px;
    line-height: 38px;
    line-height: 36px\9;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
    text-align: center;
    padding-left: 10px;
}
.main .main-top{
	padding-top: 100px;
}
.main .main-top .layui-from{
	width: 500px;
	margin: 0 auto;
	overflow: hidden;
}
.main .main-top .big-input input,.main .main-top .big-input{
	width: 300px;
}
.main .main-top .big-input{
	position: relative;
}
.main .main-top .big-input button{
	position: absolute;
	top: 0px;
	right: 0px;
}

.main .center{
	display: block;
	width: 400px;
	height: 80px;
	margin: 0 auto;
	margin-top: 100px;
}
.main .center p{
	margin-top: 5px;
	margin-bottom: 0px;
	height: 20px;
}

.main .main-bottom{
	position: relative;
	height: 300px;
	margin: 0 -50px;
	margin-top: 100px;
	border: 1px solid #D6D6D6;
	padding: 20px 30px;
	overflow: hidden;
}
.main .main-bottom .layout{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px 20px;
}
.main .main-bottom .project {
	padding: 5px 10px;
}
.main .main-bottom a{
	display: block;
	border: 1px solid #D6D6D6;
	
}
.main .main-bottom ul{
	overflow: hidden;
}
.main .main-bottom li{
	float: left;
	width: 229px;
}
.main .main-bottom img{
	display: block;
	margin: 0 auto;
}
.red{
	color: red;
}
.bold{
	font-weight: 800;
}
.main .main-bottom .text{
	padding: 10px;
}
.main .main-bottom h4{
	font-size: 16px;
}
.main .main-bottom a:hover{
	border: 1px solid #75B6FE;
}
.main .main-bottom .toolbar{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.main .main-bottom .toolbar a{
	display: block;
	height: 80px;
	width: 20px;
	line-height: 80px;
	text-align: center;
	background: rgba(239, 239, 239, 0.5);
}
.main .main-bottom .toolbar a {
	border: 1px solid rgba(158, 158, 158, 0.36)
}
.main .main-bottom .toolbar a:hover{
	background:rgb(131, 189, 253);
}
.main .main-bottom .toolbar a:hover i{
	color: #fff;
}
.main .main-bottom .toolbar.right{
	right: 4px;
}
.main .main-bottom .toolbar.left{
	left:4px;
}